<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
	<!doctype html>
	<head>
	<%@ include file="include/meta.jsp"%>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">	
	</head>
	<body>
	<div id="marco"><!--inicio contenedor -->
	<div class="arriba-cuerpo"></div>
	<!-- Burrada pa ver borde redondo en IE -->
	<div class="cuerpo"><img
		src="<%=contextRoot%>/images/logos.png" />
	<div class="clear"></div>
	<!-- Menu y Usuario init() --> <%@ include
		file="include/menuUsuario.jsp"%> <!-- Menu y Usuario end() -->
	<div class="clear"></div>
	<!-- Formulario -->
	<div id="buscador">
	<h2>Gesti<h:outputText value="#{msg.tilde_o}" />n de Estudio
	Socio Econ<h:outputText value="#{msg.tilde_o}" />mico: <h:outputText
		value="#{estSocioEconomicoController.estSocioEconomico.id ne '' ? 'EDICION' : 'NUEVO'}" /></h2>
	<!-- 
	inclusion de campos de formularios init()
 	-->
 	<div style="position: relative; float: right;">
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '1' ? 'h' : ''}" />">1</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '2' ? 'h' : ''}" />">2</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '3' ? 'h' : ''}" />">3</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '4' ? 'h' : ''}" />">4</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '5' ? 'h' : ''}" />">5</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '6' ? 'h' : ''}" />">6</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '7' ? 'h' : ''}" />">7</div>
	</div><br/><br/>
	<div class="clear"></div>
	<h:form id="updateEstAreaSocioeconoForm">
		<h:inputHidden id="estAreaSocioecono_id" value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.id}" />
		<h:inputHidden id="estAreaSocioecono_idEstSocioEconomico" value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.idEstSocioEconomico}" />
		<h3>3. <h:outputText value="#{msg.tilde_A}" />rea Socioecon<h:outputText value="#{msg.tilde_o}" />mica</h3>
		<!-- 
			inclusion de campos entregados por el generador init()
		--> 
		<span class="left" style="width: 200px;"> <label>Egresos Familiares Mensuales <span class="asterisco">*</span></label> 
			<h:inputText id="estAreaSocioecono_valorEgresoFMes" size="9"
				maxlength="9" styleClass="validate[required,custom[integer],maxSize[9]]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.valorEgresoFMes}" />
		</span>

		<span class="left" style="margin-left:5px;">
			<label>El/La comerciante ¿ya trabaja con su venta en espacio p<h:outputText value="#{msg.tilde_u}" />blico? <span class="asterisco">*</span></label> 
			<h:selectOneMenu
				id="estAreaSocioecono_trabajaEpu" styleClass="validate[required]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.trabajaEpu}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItem itemLabel="S#{msg.tilde_i}" itemValue="S" />
				<f:selectItem itemLabel="No" itemValue="N" />
			</h:selectOneMenu>			
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left" style="width: 250px;"> 
			<label>Promedio mensual de ventas <span class="asterisco">*</span></label> 
			<h:inputText id="estAreaSocioecono_promedioMesVenta"
			size="9" maxlength="9" styleClass="validate[required,custom[integer],maxSize[9]]"
			value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.promedioMesVenta}" />
		</span>

		<span class="left" style="width: 250px; "> <label>Promedio mensual de ganancias <span class="asterisco">*</span></label> 
			<h:inputText id="estAreaSocioecono_promedioMesGanancia"
			size="9" maxlength="9" styleClass="validate[required,custom[integer],maxSize[9]]"
			value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.promedioMesGanancia}" />
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left"> 
			<label>¿Combina la actividad de la venta con otros oficios? <span class="asterisco">*</span></label> 
			<h:selectOneMenu
				id="estAreaSocioecono_otraActividad" styleClass="validate[required]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.otraActividad}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItem itemLabel="S#{msg.tilde_i}" itemValue="S" />
				<f:selectItem itemLabel="No" itemValue="N" />
			</h:selectOneMenu>			
		</span>

		<span class="left" style="margin-left: 20px;"> <label>Otra Actividad Alterna, Cual? </label> 
		<h:inputText size="128" maxlength="128" id="estAreaSocioecono_actividadAlterna" style="width:200px !important; min-width:200px !important; max-width:200px !important;"
			styleClass=""
			value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.actividadAlterna}" />
		</span>

		<div class="clear" style="width: 400px;"></div>

		<span class="left"> <label>N<h:outputText value="#{msg.tilde_u}" />mero d<h:outputText value="#{msg.tilde_i}" />as al mes en los cuales cubre otra actividad alterna <span class="asterisco"> </span></label> 
			<h:selectOneMenu
				id="estAreaSocioecono_numeroDiaStr"
				styleClass=""
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.numeroDiaStr}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItem itemLabel="1"  itemValue="1" />
				<f:selectItem itemLabel="2"  itemValue="2" />
				<f:selectItem itemLabel="3"  itemValue="3" />
				<f:selectItem itemLabel="4"  itemValue="4" />
				<f:selectItem itemLabel="5"  itemValue="5" />
				<f:selectItem itemLabel="6"  itemValue="6" />
				<f:selectItem itemLabel="7"  itemValue="7" />
				<f:selectItem itemLabel="8"  itemValue="8" />
				<f:selectItem itemLabel="9"  itemValue="9" />
				<f:selectItem itemLabel="10" itemValue="10" />
				<f:selectItem itemLabel="11" itemValue="11" />
				<f:selectItem itemLabel="12" itemValue="12" />
				<f:selectItem itemLabel="13" itemValue="13" />
				<f:selectItem itemLabel="14" itemValue="14" />
				<f:selectItem itemLabel="15" itemValue="15" />
				<f:selectItem itemLabel="16" itemValue="16" />
				<f:selectItem itemLabel="17" itemValue="17" />
				<f:selectItem itemLabel="18" itemValue="18" />
				<f:selectItem itemLabel="19" itemValue="19" />
				<f:selectItem itemLabel="20" itemValue="20" />
				<f:selectItem itemLabel="21" itemValue="21" />
				<f:selectItem itemLabel="22" itemValue="22" />
				<f:selectItem itemLabel="23" itemValue="23" />
				<f:selectItem itemLabel="24" itemValue="24" />
				<f:selectItem itemLabel="25" itemValue="25" />
				<f:selectItem itemLabel="26" itemValue="26" />
				<f:selectItem itemLabel="27" itemValue="27" />
				<f:selectItem itemLabel="28" itemValue="28" />
				<f:selectItem itemLabel="29" itemValue="29" />
				<f:selectItem itemLabel="30" itemValue="30" />
			</h:selectOneMenu>			
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left"> 
			<label>Promedio mensual ventas otra actividad<span class="asterisco"> </span></label> 
			<h:inputText id="estAreaSocioecono_promedioMesVentaOa"
			size="9" maxlength="9" style="width: 200px;" 
			styleClass="validate[custom[integer],maxSize[9]]"
			value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.promedioMesVentaOa}" />
		</span>

		
		<span class="left" style="margin-left: 20px;"> <label>Promedio mensual ganancias otra actividad<span class="asterisco"> </span></label> 
			<h:inputText id="estAreaSocioecono_promedioMesGananciaOa"
			size="9" maxlength="9" style="width: 200px;" 
			styleClass="validate[custom[integer]]" 
			value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.promedioMesGananciaOa}" />
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left"> <label>¿Tiene Otros Ingresos?<span
			class="asterisco">*</span></label> 
			<h:selectOneMenu
				id="estAreaSocioecono_otrosIngresos" styleClass="validate[required]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.otrosIngresos}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItem itemLabel="S#{msg.tilde_i}" itemValue="S" />
				<f:selectItem itemLabel="No" itemValue="N" />
			</h:selectOneMenu>			
		</span>

		<span class="left" style="margin-left: 30px;"> <label>Por concepto de</label>
			<h:inputText
				id="estAreaSocioecono_conceptoOtrosIngresos" style="width:250px !important; min-width:250px !important; max-width:250px !important; "
				styleClass=""
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.conceptoOtrosIngresos}" />
		</span>

		<span class="left" style="margin-left: 30px;"> 
			<label>Valor Otros Ingresos <span class="asterisco"> </span></label> 
			<h:inputText id="estAreaSocioecono_valorOtrosIngresos"
				size="9" maxlength="9" 
				styleClass="validate[custom[integer],maxSize[9]]"
			value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.valorOtrosIngresos}" />
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left"> 
		<label>Valor ingresos familiares mensuales<span class="asterisco">*</span></label> 
			<h:inputText 
				id="estAreaSocioecono_valorIngresoFMes"
				size="9" 
				maxlength="9"
				style="width: 200px;"
				styleClass="validate[required,custom[integer],maxSize[9]]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.valorIngresoFMes}" />
		</span>

		<span class="left" style="margin-left: 20px;"> <label>Capital Invertido en la mercanc<h:outputText value="#{msg.tilde_i}" />a ($)<span
			class="asterisco">*</span></label> <h:inputText id="estAreaSocioecono_capitalInvertido"
			size="9" maxlength="9" styleClass="validate[required,custom[integer],maxSize[9]]"
			style="width: 200px;"
			value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.capitalInvertido}" />
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left"> <label>¿Paga bodega para guardar su mueble y/o mercanc<h:outputText value="#{msg.tilde_i}" />a?<span
			class="asterisco">*</span></label> 
			<h:selectOneMenu
				id="estAreaSocioecono_pagoBodega" 
				styleClass="validate[required]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.pagoBodega}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItem itemLabel="S#{msg.tilde_i}" itemValue="S" />
				<f:selectItem itemLabel="No" itemValue="N" />
			</h:selectOneMenu>			
		</span>

		<span class="left"> <label>Cuanto es el valor del pago mensual bodega
			<span class="asterisco"> </span></label>
			<h:inputText id="estAreaSocioecono_valorPagoBodega" size="9"
				maxlength="9" styleClass="validate[custom[integer],maxSize[9]]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.valorPagoBodega}" />
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left">
			<label>¿Por qu<h:outputText value="#{msg.tilde_e}" /> raz<h:outputText value="#{msg.tilde_o}" />n trabaja en el espacio p<h:outputText value="#{msg.tilde_u}" />blico?<span	class="asterisco">*</span></label> 
			<h:selectManyListbox 
				id="estAreaSocioecono_razonVentaEpu" 
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.razonVentaEpuCheckBoxItem}"
				style="width: 400px; height: 100px;" 
				styleClass="validate[required]" size="4">
   					<f:selectItem itemLabel="Seleccione..." itemValue="" />
   					<f:selectItem itemValue="D" itemLabel="Desempleo" />
   					<f:selectItem itemValue="T" itemLabel="Tradici#{msg.tilde_o}n Familiar" />
   					<f:selectItem itemValue="P" itemLabel="Desplazamiento" />
   					<f:selectItem itemValue="L" itemLabel="Es m#{msg.tilde_a}s lucrativo" />
   					<f:selectItem itemValue="N" itemLabel="No le gusta ser empleado" />
   					<f:selectItem itemValue="I" itemLabel="Discapacidad" />
   					<f:selectItem itemValue="O" itemLabel="Otro" />
   			</h:selectManyListbox>			
		</span>

		<div class="clear" style="width: 400px;"></div>

		<span class="left" style="width: 350px;"> 
			<label>Otro motivo, cual?<span class="asterisco">*</span></label> 
				<h:inputText id="estAreaSocioecono_otraVentaEpu" size="40" 
					maxlength="128" styleClass="validate[required]"
					value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.otraVentaEpu}" />
		</span>

		<div class="clear" style="width: 400px;"></div>

		<span class="left"> <label>¿Conoce otros artes u oficios?<span class="asterisco">*</span></label>
			<h:selectOneMenu
				id="estAreaSocioecono_arteAlterno"
				styleClass="validate[required]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.arteAlterno}">
				<f:selectItem itemLabel="Seleccione..." itemValue="" />
				<f:selectItem itemLabel="S#{msg.tilde_i}" itemValue="S" />
				<f:selectItem itemLabel="No" itemValue="N" />
			</h:selectOneMenu>
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left" style="margin-left: 5px"> <label>¿Qu<h:outputText value="#{msg.tilde_e}" /> artes u oficios sabe desempeñar?</label> 
			<h:inputText id="estAreaSocioecono_otroArteAlterno" style="width: 400px;"
				styleClass=""
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.otroArteAlterno}" />
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left" style="margin-left: 5px"> <label>Observaci<h:outputText value="#{msg.tilde_o}" />n
		<span class="asterisco">*</span></label> 
			<h:inputTextarea id="estAreaSocioecono_observacion" cols="90" rows="3" style="width:300px !important; min-width:300px !important; max-width:300px !important; height:60px !important; min-height:60px !important; max-height:60px !important;" styleClass="validate[required,maxSize[255]]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.observacion}" />
		</span>

		<div class="clear" style="width: 400px;"></div>
		
		<span class="left" style="margin-left: 5px"> 
		<label>Estado<span class="asterisco">*</span></label> 
			<h:selectOneMenu id="estAreaSocioecono_estado"
				styleClass="validate[required]"
				value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.estado}">
			<f:selectItem itemLabel="Seleccione..." itemValue="" />
			<f:selectItem itemLabel="Pendiente" itemValue="PENDIENTE" />
			<f:selectItem itemLabel="Diligenciado" itemValue="DILIGENCIADO" />
			<f:selectItem itemLabel="Confirmado" itemValue="CONFIRMADO" />
			</h:selectOneMenu>
		</span> 
		
		<br/>
		<br/>
		<br/>
		<div class="clear"></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		<span class="botones right">
		<h:commandButton id="updateEstAreaSocioeconoButton"
						 styleClass="botonsmall"
		                 type="submit" 
		                 value="Continuar" 
		                 ondblclick="return false;" 
		                 action="#{estSocioEconomicoController.updateDetailEstAreaSocioecono}" >
		</h:commandButton>
		</span>
		<!--
			inclusion de campos entregados por el generador end()
		-->
	</h:form>
	<h:form id="cancelEstAreaSocioeconoForm">
		<span class="botones left">		
		<h:commandButton
			id="cancelEstAreaSocioeconoButton" styleClass="botonsmall"
			type="submit" value="Volver" ondblclick="return false;"
			action="#{estSocioEconomicoController.cancelDetailEstAreaSocioecono}">
		</h:commandButton>
		</span>
	</h:form>
	<!--
	inclusion de campos de formularios end()
 	-->
 	</div>
	<!-- Fin formulario -->
	<div class="clear"></div>
	<!-- tabla -->
	<div class="clear" style="width: 400px; margin-left: 0px;"></div>
	<br />
	<span class="botones left"
		style="width: 223px; height: 15px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; background-color: #006F73; color: white;">
	Informaci<h:outputText value="#{msg.tilde_o}" />n de Auditor<h:outputText
		value="#{msg.tilde_i}" />a </span>
	<div class="clear" style="margin-left: 400px;"></div>
	<div><span class="left"> <span class="left"
		style="width: 110px; height: 15px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #666666;">Usuario
	Creaci<h:outputText value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 110px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Fecha
	Creaci<h:outputText value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Usuario
	<h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText
		value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Fecha
	<h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText
		value="#{msg.tilde_o}" />n</span> </span>
	<span class="left"> <span class="left"
		style="width: 110px; height: 15px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText
		value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.usuarioCrea}" /></span>
	<span class="left"
		style="width: 110px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText
		value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.fechaCrea}" /></span>
	<span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText
		value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.usuarioModifica}" /></span>
	<span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText
		value="#{estSocioEconomicoController.estSocioEconomicoDetalle.estAreaSocioecono.fechaModifica}" /></span>
	</span></div>
	<div class="clear"><br />
	</div>
	<div>
	<h:form id="cancelEstSocioEconomicoForm">
		<h:commandButton id="cancelCreateEstSocioEconomicoButton"
			styleClass="botonsmall" type="submit" value="Cancelar"
			ondblclick="return false;"
			action="#{estSocioEconomicoController.cancelEst}">
		</h:commandButton>
	</h:form>
	</div>
	<div id="containerError" style="display:block;">
		<span class="botones left"><h:messages style="font-weight: bold; color: #FF0000;" /></span>
	</div>
	</div>
	<div class="abajo-cuerpo"></div>
	<!-- Burrada pa ver borde redondo en IE --></div>
	<!-- Fin contenedor -->

	<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
    <script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
	<script type="text/javascript">
        jQ(document).ready(function() {
        	jQ("input, select, input:checkbox, input:radio, input:file").uniform();
        	jQ("#updateEstAreaSocioeconoForm").validationEngine('attach');
        	jQ("#updateEstAreaSocioeconoForm").bind("jqv.form.result", 
                	function(event, errorFound) {
        				if(!errorFound){ 
            				displayLoadingImage();
        				}
        			});
        });
    </script>
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>	
	</body>
	</html>
</f:view>
